<html>
	<head>
		<meta charset="utf-8" />
		<title>web结婚网</title>
		<style>
		img{
			vertical-align: bottom;//垂直对齐
		}
		.w{
			width: 1080px;
			margin:0 auto;//边缘,水平居中
		}
		.bd{
			padding:15px 0;//内边距属性
		}
		.fl{
			float: left;
		}
		.fr{
			float: right;
		}
		.banner{
			height: 555px;
			padding-top: 15px;//上边距
		}
		.banner_l{
			
		}
		.banner_ad{
			padding-top: 15px;
		}
		.banner_r{
			padding-left: 15px;//左边距
		}
		.banner_ad div:nth-child(2){
			padding:0 15px;
		}
		.title{
			padding-top: 35px;
			border-bottom: 2px solid #f4f3ef;//底部边框
		}
		.title h3{
			font-family: "黑体";
			font-size: 24px; /* fz快捷键 fz字体大小*/
			line-height: 24px; /* lh行高 */
			margin: 10px 0;
		}
		.brand{
			padding-top: 15px;
			height: 460px;
		}
		.brand div:nth-child(2){
			padding: 0 15px;
		}
		.brand div:nth-child(3){
			padding-right: 15px;
		}
		.style{
			height: 610px;
			padding-top: 15px;
		}
		.style_l{
			padding-right: 5px;
			width: 375px;
		}
		.style_l div:nth-child(2){
			padding-top: 15px;
		}
		.style_r{
			width: 700px;
		}
		.style_r div:nth-child(3n){
			padding-right: 0;
		}
		.style_r div:nth-child(3n-2){
			padding-left: 15px;
		}
		.style_r div{
			padding-bottom: 15px;
			padding-right: 15px;
		}
		.title_1{
			padding-top: 35px;
		}
		.title_1 h3{
			font-family: "宋体";
			font-size: 17px;
			line-height: 24px;
			color:#f62a5d;
		}
		.user{
			height: 83px;
		}
		.user div:nth-child(2){
			padding: 0 40px;
		}
		.marry{
			height: 467px;
			padding-top: 15px;
		}
		.marry_l{
			padding-right: 13px;
			width: 342px;
		}
		.marry_l div:nth-child(2){
			padding-top:13px;
		}
		.marry_r{
			width: 709px;
			height: 467px;
			padding-left: 15px;
		}
		.marry_r div{
			padding: 0 15px 15px 0;
		}
		.marry_r div:nth-child(3n){
			padding-right: 0;
		}
		.end{
			height: 492px;
			padding-top: 30px;
		}
		</style>
		</head>
			<body>
				<div class="w "><img src="./images/header_02.jpg" alt=""></div>
				<div class="w bd"><img src="images/ad_05.jpg" alt=""></div>
				<div class="w "><img src="images/ad_07.jpg" alt=""></div>
			<!-- 以下是banner区 -->
		    <div class="w banner">
			  <div class="banner_l fl">
				<div><img src="images/banner_09.jpg" alt=""></div>
				<div class="banner_ad">
					<div class="fl "><img src="images/banner_13.jpg" alt=""></div>
					<div class="fl "><img src="images/banner_15.jpg" alt=""></div>
					<div class="fl"><img src="images/banner_17.jpg" alt=""></div>
				</div>
			  </div>
			 <div class="banner_r fl">
				<img src="images/banner_11.jpg" alt="">
			 </div>
			</div>
			<!-- 以下是main区-->
			<div class="w">
			  <div class="title">
				  <h3>品牌</h3>
			 </div>
			<div class="brand">
				<div class="fl"><img src="images/brand_22.jpg" alt=""></div>
				<div class="fl"><img src="images/brand_24.jpg" alt=""></div>
				<div class="fl"><img src="images/brand_26.jpg" alt=""></div>
				<div class="fl"><img src="images/brand_28.jpg" alt=""></div>
			 </div>
			<div class="title">
				<h3>风格</h3>
			</div>
			<div class="style">
			<div class="style_l fl">
				<div class="fl"><img src="images/banner_l_33.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_l_49.jpg" alt=""></div>
			</div>
			<div class="style_r fl">
				<div class="fl"><img src="images/banner_r_35.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_37.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_39.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_43.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_44.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_46.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_53.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_54.jpg" alt=""></div>
				<div class="fl"><img src="images/banner_r_55.jpg" alt=""></div>
			</div>
			</div>
			  <div class="title_1">
				  <h3>用户晒单</h3>
			  </div>
			  <div class="user">
				  <div class="fl"><img src="images/user_03.jpg" alt=""></div>
				  <div class="fl"><img src="images/user_05.jpg" alt=""></div>
				  <div class="fl"><img src="images/user_07.jpg" alt=""></div>
			  </div>
			  <div class="title">
				  <h3>婚庆</h3>
			  </div>
			  <div class="marry">
				  <div class="marry_l fl">
					  <div class="fl"><img src="images/marry_l_12.jpg" alt=""></div>
					  <div class="fl"><img src="images/marry_l_25.jpg" alt=""></div>
				  </div>
				  <div class="marry_r fl">
					  <div class="fl"><img src="images/marry_r_14.jpg" alt=""></div>
					  <div class="fl"><img src="images/marry_r_16.jpg" alt=""></div>
					  <div class="fl"><img src="images/marry_r_18.jpg" alt=""></div>
					  <div class="fl"><img src="images/marry_r_26.jpg" alt=""></div>
					  <div class="fl"><img src="images/marry_r_28.jpg" alt=""></div>
					  <div class="fl"><img src="images/marry_r_29.jpg" alt=""></div>
				  </div>
			  </div>
			  <div class="end">
				  <div><img src="images/end_36.jpg" alt=""></div>
			  </div>
			</div>
			</body>
		<html>
